<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内容页</title>
    <link rel="stylesheet" href="css/5内容.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <img src="./img/logo.png" alt="" class="logo">
    </header>
    <!-- 导航栏 -->
    <nav>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">论坛</a></li>
            <li><a href="#">快捷手册</a></li>
            <li><a href="#">中文文档</a></li>
            <li><a href="#">下载</a></li>
            <li><a href="#">关于</a></li>
        </ul>
    </nav>
    <div class="w clearfix">
        <!-- 主体内容 -->
        <section>
            <!-- 左边栏主体内容 -->
            <main>
                <div class="article1">
                    <div class="art-hd">
                        <h1>首要“标签”</h1>
                    </div>
                    <!-- 作者名字以及发布时间 -->
                    <div class="detail">
                        <i>作者 : </i>
                        <span class="writer">王赛</span>
                        <span class="time">&nbsp;&nbsp;·2017年8月3日</span>
                    </div>
                    <section class="section">
                        <p>在 Ghost 中，每一篇博文都可以有多个标签（tag），并且这些标签的排列顺序也被 Ghost 完整保存。第一个标签被认为是最重要的，因此被特殊对待。</p>
                        <h2>实例用法</h2>
                        <p>
                            使用默认的 {{tags}} 助手将展示出所有标签的列表，并且链接到它们各自对应的分类页面： <a href="#">News、Design、Architecture</a></p>
                        <p>如果你只是希望输出首要标签并且为其创建一个特殊的链接，你可以在 Casper 2.0 主题中使用如下代码实现：</p>
                        <p>这种方式不但仍然可以让你自由地使用标签并为博文建立互相之间的关系，并且在前端页面上保留了一个类似分类的整洁输出。</p>
                        <p>希望这一功能能够给你开发主题时提供一些帮助和灵活性。如果你希望了解更多有趣的功能，请访问我们的文档网站：<a
                                href="http://themes.ghost.org/">http://themes.ghost.org/</a> 。</p>

                        <!-- 线 -->
                        <div class="line"></div>

                        <p>原文出处：<a href="https://dev.ghost.org/primary-tags/">https://dev.ghost.org/primary-tags/</a>
                        </p>

                        <!-- 主题 -->
                        <div class="theme">主题 助手函数</div>

                    </section>
                    <!-- 关于作者 -->
                    <div class="ab-writer">
                        <div class="box">
                            <img src="images/logo2.png" alt="">
                            <div class="pd">
                                <span>关于作者&nbsp;</span> <span class="wr">王赛</span> <br>
                                <div class="bt"><span class="area">北京&nbsp;&nbsp;&nbsp;&nbsp;</span> <span
                                        class="pe">个人网站/博客</span></div>
                            </div>
                        </div>
                    </div>

            </main>
            <!-- 右边栏主体内容 -->
            <aside class="aside1">
                <div class="community">
                    <a href="#">社区</a>
                </div>
                <ul>
                    <li>QQ群：277327792</li>
                    <li><a href="#">问答社区</a></li>
                    <li><a href="#">官方微博</a></li>
                </ul>
            </aside>
            <aside class="aside2">
                <div class="download">
                    <a href="#">下载 Ghost</a>
                </div>
                <!-- 版本 -->
                <a href="#" class="edition">Ghost 中文版（0.7.4）</a>
            </aside>
        </section>
    </div>
    <div class="w">
        <div class="edition1">
            <div class="ed-box1">Ghost 1.0 版本正式发布</div>
            <div class="ed-box2">自定义文章摘要（Excerpt）</div>
        </div>
    </div>
    <footer>
        Copyright &copy; Ghost中文网 | 京ICP备11008151号 | 京公网安备11010802014853
    </footer>
</body>

</html>